<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //静态注册失去焦点事件
        function onblurFun() {
            //console是控制台对象，是由JavaScript语言提供专门用来浏览器的控制器打印输出，用于测试使用
            //log() 打印的方法
            console.log("静态注册失去焦点事件");
        }

        //动态注册onblur事件
        window.onblur = function () {
            //1.获取标签对象
            var passwordObj = document.getElementById("password");
            //alert(passwordObj);
            //通过标签对象.事件名 = function() {}
            passwordObj.onblur = function () {
                console.log("动态注册失去焦点事件");
            }
        }
    </script>
</head>
<body>
    用户名：<input type="text" onblur="onblurFun()"/><br/>
    密码：<input id="password" type="text" /><br/>
</body>
</html>